<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <div class="box">
     <div class="img_div">
        <img src="../assets/image/img.png" alt="">
    </div>  
       <div class="login">
            <Login/>
       </div>
       <div class="bom">
            <img src="../assets/image/wx.png" alt="" @click="GoSign()">
       </div>
    </div>
</template>

<script lang="ts" setup>
import Login from '@/components/Login_Sign/Login.vue'
import router from '@/router'
//跳转注册页
const GoSign=()=>{
 router.push({
    path: '/sign'
 })
}

</script>
<style scoped lang="scss">
.box{
    width: 100%;
    height: 100vh;
    background-color: #3087ea;
   
    position: relative;
     .img_div{
      
        text-align: center;
    }
    .login{
        display: flex;
        justify-content: center;
        width: 100%;
        top: 30%;
        margin: 0 auto; 
        position: absolute;
        
    }
    .bom{
        width: 100%;
        height: 160px;
       margin-top: 83.5%;
       position: relative;
      background: url('../assets/image/bom.png');
    background-size: 100% 100%;
    img{
        margin-top: 110px;
        margin-left: 45%;
        border-radius: 50%;
        width: 45px;
        height: 45px;
    }
      
    }
}
</style>